import React from 'react';
import style from './style.css'
import MyIcon from "../../component/Icon/icon";
import MyTabs from "../../component/MyTabs";
import Badges from './Badges/index'
class Achievements extends React.Component {
    render() {
        return (
            <div className={style.Achievements}>
                <h1 className={style.h1}>Achievements</h1>
                <MyTabs
                    tabs={[
                        {
                            title: "Badges", component: () => {
                                return <Badges />
                            }
                        },
                        {
                            title: "Leaderboard", component: () => {
                                return <div>Leaderboard</div>
                            }
                        }
                    ]}
                    defaultTab={"Badges"}
                />
            </div>
        );
    }
}

export default Achievements;